<include file="Public:header" />

<style>
    .page_content{font-size: 14px;background: url(__ROOT__/static/style_pc/index_c_bg1.jpg);}
    .content_banner{width: 1200px; margin: 0 auto;}
    .content_banner a{line-height: 40px; color: #666;}
    .content_banner a:hover,.content_banner .on{color: #ff2222;}
    .content_banner span:last-child {display: none;}
    .content_div{width: 1200px; margin: 0 auto;background: #ffffff; padding: 30px 30px 50px 30px;}

    .content_div .main_left{float: left;width: 870px;}
    .content_div .main_left .ml_producttop{}
    .content_div .main_left .ml_producttop img{width: 115px;height: 115px;padding-right: 38px;float: left;}
    .content_div .main_left .ml_producttop .divdes{float:left;}
    .content_div .main_left .ml_producttop .divdes h1{cursor:pointer;font: normal 22px microsoft yahei;line-height: 40px;}
    .content_div .main_left .ml_producttop .divdes h1:hover{transition: all .5s;color: #ff2222;}
    .content_div .main_left .ml_producttop .divdes .pname{font: bold 15px microsoft yahei; color:#3f913f;padding: 10px 0px 3px;}

    .content_div .main_left .daik_tab{border: 1px solid #e8e8e8;background: #f8f8f8;margin-top: 20px;}
    .content_div .main_left .daik_tab th{line-height: 35px; font-size: 15px; padding:0 15px 0 0;border: 1px solid #e8e8e8;text-align: right;width: 100px;}
    .content_div .main_left .daik_tab .th1{width: 130px;}
    .content_div .main_left .daik_tab td{line-height: 35px; font-size: 15px; padding:0 15px;border: 1px solid #e8e8e8;background: #ffffff;}
    .content_div .ml_comm{border: 1px solid #e8e8e8;border-top: 2px solid #bc2d09;margin-top: 20px;}
    .content_div .ml_comm .hd{  background: #f6f6f6;  border-bottom: 1px solid #fff;  font: bold 18px microsoft yahei;  color: #bc2d09;  line-height: 50px;  padding: 0 15px 0 15px;  }
    .content_div .ml_comm .bd{padding: 0 25px 20px 25px;}
    .content_div .ml_comm .ml_title02{  margin: 10px auto;  border-left: 4px solid #bc2d09;  padding-left: 12px;  font-size: 16px;  font-weight: bold;  }
    .content_div .ml_comm .jigou_con{  width: 95%;  margin: 0 auto;  line-height: 34px;  font-size: 14px;  padding: 5px 0px 10px;  }
    .content_div .main_right{float: right;width: 300px;}
    .content_div .main_right .need_loan{  margin-top: 15px;overflow: hidden;border: 1px solid #e8e8e8;  }
    .content_div .main_right .need_loan .mr-tit{  font: bold 18px/57px microsoft yahei;  border-bottom: 1px solid #e8e8e8;  margin: 0 10px;  }
    .content_div .main_right .need_loan form{  margin: 5px 10px 0;  overflow: hidden;  width: 100%;  }
    .content_div .main_right .need_loan form dl{  width: 100%;  overflow: hidden;  margin-top: 15px;  }
    .content_div .main_right .need_loan form dt {  float: left;  width: 75px;  text-align: center;  line-height: 28px;  font-size: 14px;  }
    .content_div .main_right .need_loan form input {  height: 18px;  text-indent: 10px;  border: 0;  width: 150px;  padding: 5px 0;  color: #999;  font-size: 12px;  line-height: 20px;  border: 1px solid #cecece;  }
    .content_div .main_right .need_loan form .btn_apply{  width: 218px;  height: 46px;  line-height: 46px;  background: #8ab119;  color: #fff;  border: 0;  border-radius: 4px;  margin: 5px auto;  display: block;  font: 400 20px/46px microsoft yahei;  cursor: pointer;  margin-bottom: 20px;  padding: 0 0 0 0;  }
    .content_div .main_right .need_loan .i-radio {  width: 13px;  height: 13px;  float: left;  margin: 2px 5px 0 0;  }
    .content_div .main_right .need_loan .sex label{  float: left;  margin-right: 10px;  }
    .content_div .main_right .need_loan .sex{  border: 0;  margin-left: 75px;  line-height: 16px;  height: 16px;  margin-top: 8px;  display: block;  }
</style>
<div class="page_content">
    <div class="content_banner">
        <foreach name="mianbaoxie" item="val">
            <a href="{$val['url']}" target="_blank">{$val['name']}</a>
            <span style="margin: 0 5px;">></span>
        </foreach>
    </div>
    <div class="content_div">
        <!-- 左边搜索列表 -->
        <div class="main_left">
            <div class="ml_producttop clearfix">
                <img src="{$info['pic']}" class="fl imgtx">
                <div class="divdes">
                    <h1>{$info['name']}</h1><p class="pname">{$info['mechanism']}</p>
                </div>
                <div style="clear: both;"></div>
            </div>
            <table cellspacing="0" cellpadding="0" width="100%" class="daik_tab"><tbody>
                <tr>
                    <th>贷款额度：</th><td>{$info.scope_start}-{$info.scope_end}万</td>
                    <th class="th1">贷款利率（月）：</th><td>{$info.month_rate_start}%-{$info.month_rate_end}%</td>
                </tr>
                <tr>
                    <th>发布时间：</th><td>{:date('Y-m-d H:i:s',$info['create_time'])}</td>
                    <th class="th1">能使用地区：</th><td>{$info.city}</td>
                </tr>
                <tr>
                    <th>贷款期限：</th><td colspan="3">{$info.time_limit_start}-{$info.time_limit_end}月</td>
                </tr>
                <tr>
                    <th>产品类型：</th>
                    <td colspan="3">{$info.type}</td>
                </tr>
                <tr>
                    <th>贷款用途：</th>
                    <td colspan="3">{$info.purpose}</td>
                </tr>
                <tr>
                    <th>还款形式：</th>
                    <td colspan="3">{$info.repay_type}</td>
                </tr>
                </tbody>
            </table>
            <div class="ml_comm">
                <div class="hd">产品详情</div>
                <div class="bd">
                    <div class="clearfix">
                        <div class="ml_title02" id="dk_con01">产品介绍</div>
                        <div class="jigou_con">{$info.introduce}</div>
                        <div class="ml_title02" id="dk_con02">申请条件</div>
                        <div class="jigou_con">{$info.condition}</div>
                        <div class="ml_title02" id="dk_con03">所需材料</div>
                        <div class="jigou_con">{$info.material}</div>
                    </div>
                </div>
            </div>
        </div><!--.main_left end-->
        <!-- 右边SSI组合 -->
        <div class="main_right">
            <!-- 我要贷款 -->
            <div class="need_loan">
                <div class="mr-tit">
                    <h2>快速申请贷款</h2>
                </div>
                <form id="product_queryOffer" name="info_form" action="{:U('Home/Action/apply')}" method="post" class="wrap clearfix">
                    <div id="submitone">
                        <dl>
                            <dt><label>您的姓名</label></dt>
                            <dd>
                                <input name="name" type="text" value=""  placeholder="您的姓名">
                            </dd>
                        </dl>
                        <dl class="clearfix">
                            <dt><label>需求金额</label></dt>
                            <dd>
                                <input name="money" maxlength="6" type="text" class="jine" value=""  placeholder="需求金额（万）">
                            </dd>
                        </dl>
                        <dl class="clearfix">
                            <dt><label>联系手机</label></dt>
                            <dd><input name="mobile" type="text" maxlength="11" value=""></dd>
                        </dl>
                        <dl class="clearfix">
                            <dt><label>所在地</label></dt>
                            <dd>
                                <select class="bp_f_select" name="city" style="width: 150px; padding: 5px 0;">
                                    <option value="">所在城市</option>
                                    <foreach name="customer_apply_city" item="val">
                                        <option value="{$val}">{$val}</option>
                                    </foreach>
                                </select>
                            </dd>
                        </dl>
                        <dl class="clearfix">
                            <dt><label>验证码</label></dt>
                            <dd><input name="code"  placeholder="验证码" type="text" maxlength="11" value=""></dd>
                        </dl>
                        <dl class="clearfix">
                            <dt><label>图示</label></dt>
                            <dd>
                                <img id="shenqing_code5" src="{:U('Home/Action/make_code')}" style="width: 160px;height: 42px;" onclick="RefreshCode('shenqing_code5')">
                            </dd>
                        </dl>
                        <dl class="clearfix">
                            <input type="submit" value="快速申请" class="btn_apply" id="product_queryOffer_submit">
                        </dl>
                    </div>
                </form>
                <script>
                    $('#product_queryOffer').ajaxForm({success:complate,dataType:'json'});
                    function complate(result){
                        if(result.errNum === 0){
                            $('#product_queryOffer').find('input').val('');
                            $('#product_queryOffer_submit').val('快速申请');
                            layer.msg(result.retData, 2, 1);
                            RefreshCode('shenqing_code5')
                        } else {
                            layer.msg(result.errMsg);
                            RefreshCode('shenqing_code5')
                        }
                    }
                </script>
            </div>
        </div>
        <div style="clear: both;"></div>
    </div>
    <div style="height: 30px;"></div>
</div>

<include file="Public:footer" />